<template>
  <el-link :underline="false" @click="jumpProfile(id)">
    <slot />
    {{ userName }}
  </el-link>
</template>

<script>
export default {
  name: 'DetailProfile',
  props: {
    id: {
      type: String,
      default: ''
    },
    userName: {
      type: String,
      default: ''
    }
  },
  methods: {
    jumpProfile(id) {
      this.$router.push({
        path: 'profile',
        query: { id: id }
      })
    }
  }
}
</script>

<style scoped>

</style>
